/* COPYRIGHT TVB NETWORK VERSION 1.0 ALL RIGHT RESERVED 2022 */
/* _main_ style v1.0 */


:root{
	--TvbBaseColor:#1E90FF;
	
	--TvbNormalFont:font-family:"Segoe UI", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Ubuntu, Cantarell, "Fira Sans", sans-serif;
	--TvbIFont:"SF Pro KR","SF Pro Text","SF Pro Icons","Apple Gothic","HY Gulim","MalgunGothic","HY Dotum","Lexi Gulim","Helvetica Neue","Helvetica","Arial",sans-serif;
	--TvbSIfont:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
	--TvbSUIBlack:"segoe ui black";
	--TvbSUISBold:"segoe ui semibold";
	--TvbIXFont:"Segoe UI", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Ubuntu, Cantarell, "Fira Sans", sans-serif;
	
	--TvbMinFontSZ:8pt;
	--TvbMidFontSZ:10pt;
	--TvbBigFontSZ:12pt;
	--TvbLBigFont:15pt;
	
	/* pour le couleur de base */
	--blackColor_1:#0E181F;
    --blackColor_2:#090F13;
	--blackColor_3:#1A2D3B;
	
	--Tvb1RToWhite:#f1f1f1;
	--PtCur:pointer;
	--TvbAxBlack:#2B4F62;
	--TvbBxBlack:#1A303C;
	--TvbFxBlack:#254354;
	
    
	--TvbWhite:#fff;
	--color0:#e1e1e1;
	--color1:#a1a1a1;
	--color2:#d1d1d1;
	--TvbFxBlackLav:#254354aa;
	
	--_bx_Ondsp_ig_BG:transparent;
	--_cnt_txt_s_TxC:#222;
	--_appsTit_BC:#a1a1a1;
	--_appsTit_TC:#f1f1f1;
	--_appsTit_TBL_TC:#444;
	--_ln_web_serv_titdesc_BGColor:#1D272Dee;
}





/* Define CSS variables for light mode */
[data-theme="light"] {
	--bgmig:#fff;
	/* --bgmig:url('../UIView/Ind Icon/bgwmd.png') #0E181Fbb; */
	--bgmnColor:#0E181F;
	--_tag_view_BGColor:transparent;
	--_BXCntServ_BGColor:#fff1e6;
	--_appsTit_TxtColor:#444;
	--color1:#000;
	--color2:#555;
	--Tvb1RToWhite:#555555;
	--Tvb1RToWhite:#555;
	--_BXCntServ_BXShadow:0px 0px 3px #b9b9b9;
	--_ln_web_serv_titdesc_BGColor:#1D272Dee;
	--_getStardBntNA_BGColor:#000;
	--blackColor_3:#f1f1f1;
	--_bx_Ondsp_ig_BG:transparent;
	--_cnt_txt_s_TxC:#222;
	--_appsTit_BC:#a1a1a1;
	--_appsTit_TC:#f1f1f1;
	--_appsTit_TBL_TC:#444;
}





/* Dark mode variables */
[data-theme="dark"] {
	--bgmig:url('../UIView/Ind Icon/AI_Dance_Hero_Desktop.png') #0E181Fbb;
	--bgmnColor:#0E181F;
	--_tag_view_BGColor:#0E181Fbb;
	--_BXCntServ_BGColor:#000;
	--_appsTit_TxtColor:#c2c2c2;
	--Tvb1RToWhite:#f1f1f1;
	--Tvb1RToWhite:#f1f1f1;
	--_BXCntServ_BXShadow:0px 0px 0px #d1d1d1;
	--color2:#d1d1d1;
	--color1:#a1a1a1;
	--_ln_web_serv_titdesc_BGColor:#1D272D;
	--_getStardBntNA_BGColor:transparent;
	--blackColor_3:#1A2D3B;
	--_bx_Ondsp_ig_BG:#0E181F;
	--_cnt_txt_s_TxC:#d1d1d1;
	--_appsTit_BC:#ffffff20;
	--_appsTit_TC:#a1a1a1;
	--_appsTit_TBL_TC:#b5b5b5;
}








/* style */
[data-style="android"] {
	
}


/* style ios*/
[data-style="ios"] {
	
}


/* auto */
[data-style="auto"] {
	 /* @import url('dark.css'); */
	
	/* here we have to create some customize font */
	@font-face {
	  font-family:UISBlack;
	  src: url(segoe_ui_bl.ttf);
	  font-display: swap;
	}

	@font-face {
		src: url(segoe_ui.ttf);
		font-family:UISBold;
		font-display: swap;
	}

	@font-face {
	  font-family:UISLight;
	  src: url(segoe_ui_sml.ttf);
	  font-display: swap;
	}
}







::-webkit-scrollbar{
	width:13px;
	cursor:pointer;
	transition:0.3s ease-out-in;
	background-color:#000;
}


a{
	color:#d1d1d1;
	text-decoration:none;
} 
a:visited {
  color: #d1d1d1;
}

/* lorsque on hover la bar de defilement
::-webkit-scrollbar:hover{
	background-color:rgba(6,21,100,0.3);
}

*/

/*INTERIEUR DU SCROOL*/
::-webkit-scrollbar-thumb{
	background-color:var(--TvbFxBlack);
	position:absolute;
	transition:0.8s ease;
	border-radius:5px;
}




@keyframes load{
	from{ transform:rotate(0deg); }to { transform:rotate(360deg); }
}

/* this will indetifier the current progression */
.ldInlgon{
	width:22px;
	height:22px;
	border:2px solid #80ffffff;
	cursor:pointer;
	margin:12px;
	vertical-align:-20px;
	border-radius:50%;
	border-bottom-color:transparent;
	display:inline-block;
	animation:load 0.5s linear infinite;
}


/* the text that come after the loading */
.ldInlgonTxt{
	display:inline-block;
	font-family:var(--TvbSUISBold),sans-serif;
	font-size:12pt;
	color:#d1d1d1;
	margin-right:12px;
}




/* default color must be black */
._ViewPage_{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background-color:var(--bgmnColor);
	/* background-color:var(--blackColor_1); */
	background:var(--bgmig);
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
	
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
	user-select: none;
	overflow-y:auto;
	overflow-x:hidden;
	transition: background-color 0.3s ease, color 0.3s ease;
}


/*---------------------this will indentifier the main tag view*/
._tag_view_{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:50px;
	height:auto;
	background-color:var(--_tag_view_BGColor);
	/* background-color:inherit; */
	font-family:UISBold;
	display:block;
	color:#d1d1d1;
	overflow-x:hidden;
}


._tag_view_::-webkit-scrollbar {
	height:0px;
	width:5px;
}

._std_txtX_{
	display:inline-block;
	width:100%;
	font-size:10pt;
	color:#d1d1d1;
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}

ul {
    list-style-type: none;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
}

h2 {
    list-style-type: none;
	margin-bottom:0px;
	margin-top:0px;
}


li{
	margin-bottom:0px;
	margin-top:0px;
}

p{
	margin-bottom:0px;
	margin-top:0px;
}

/* this will contain the standard text */
._std_txt0_{
	display:inline-block;
	width:99%;
	padding:1%;
	font-size:18pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
	margin-top:0px;
	font-weight:100;
}



/* this will contain the standard text */
._std_txt_4_{
	display:inline-block;
	width:99%;
	padding:1%;
	font-size:20pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}




/* this will contain the standard text */
._std_txt_5_{
	display:inline-block;
	width:100%;
	font-size:14pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}




._std_txtcc_{
	display:inline-block;
	font-size:13pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),sans-serif;
	margin-bottom:13px;
}



._std_txt1sp_{
	display:block;
	font-size:13pt;
	color:var(--color1);
	font-family:UISBlack,var(--TvbSUIBlack),sans-serif;
}


._ctxt_ContDt_{
	display:inline-block;
	font-size:10pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),sans-serif;
}


._std_txt2_f1{
	width:100%;
	display:block;
	font-size:12pt;
	color:var(--color1);
	font-family:UISBlack,var(--TvbSUIBlack),sans-serif;
	margin-bottom:0px;
}



/* this will contain the standard text */
._std_txt_{
	display:inline-block;
	font-size:20pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}


/* this will contain the standard text */
._std_txt1_{
	display:inline-block;
	font-size:16pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}



/* this will contain the standard text */
._std_txt2_{
	display:inline-block;
	font-size:13pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}



/*--------------------------here we have to worh with displaying the interface--------------------------*/
.titXTop{
	color:#b5b5b5;
	font-size:16pt;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
	text-transform:uppercase;
	padding:5px;
	background-color:var(--_ln_web_serv_titdesc_BGColor);
	border-radius:5px;
}



.titXTop1{
	color:#b5b5b5;
	font-size:20pt;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
	text-transform:uppercase;
	padding-top:10px;
	display:flex;
}



/*-----------------------------------here we have to work with services---------------------------------------*/
._BXCntServ_{
	width:95%;
	height:auto;
	min-height:100px;
	/* background-color:#000000; */
	background-color:var(--_BXCntServ_BGColor);
	color:#d1d1d1;
	padding:2%;
	margin-left:0.5%;
	margin-top:1%;
	margin-bottom:1%;
	border-radius:10px;
	display:flex;
	align-items:center;
	/* box-shadow:var(--_BXCntServ_BXShadow); */
	box-shadow: 0px 0px 12px rgba(52, 72, 84, 0.35);
}




/* this is service app icon */
._srvAppIcon_{
	width:80px;
	height:80px;
	cursor:pointer;
}




/* this will contain image logo */
._cntIgLg_{
	width:120px;
	min-height:150px;
	height:auto;
}


/* this will conatin the det */
._cntIgDet_{
	width:calc(80% - 120px);
	min-height:150px;
	height:auto;
	font-family:var(--TvbSUISBold);
	font-size:11pt;
}


._appsTit_{
	font-family:var(--TvbSUIBlack),UISBlack;
	font-size:25pt;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	color:var(--_appsTit_TxtColor);
}







/*------------here we have to create a box of description-------------*/
._cntIgBxOvv_{
	width:20%;
	min-height:100px;
	height:auto;
	font-family:var(--TvbSUISBold);
	font-size:11pt;
	padding-right:0%;
	text-align:right;
	float:right;
	color:var(--color1);
}






._cntIgDet1_{
	width:100%;
	height:auto;
	display:block;
	margin-top:5px;
	
	font-size:20pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}




/* this will contain get started button */
._getStardBnt_{
	width:auto;
	min-width:100px;
	padding:5px;
	background-color:var(--TvbBaseColor);
	color:var(--Tvb1RToWhite);
	border-radius:5px;
	cursor:pointer;
	font-size:10pt;
	margin-top:10px;
	text-align:center;
	float:right;
}


._getStardBntNA_{
	width:auto;
	min-width:100px;
	padding:5px;
	background-color:var(--_getStardBntNA_BGColor);
	color:var(--Tvb1RToWhite);
	border-radius:5px;
	cursor:pointer;
	font-size:10pt;
	margin-top:10px;
	text-align:center;
	float:right;
	border:2px solid #d1d1d1;
} 





/*-------------------here we have to create class that will design weeb tools-----------------------*/
._bx_web_serv_{
	width:100%;
	min-height:200px;
}




._ln_web_serv_tit_{
	background-color:var(--_ln_web_serv_titdesc_BGColor);
	font-size:16pt;
	font-family:var(--TvbSUIBlack),UISBlack,sans-serif;
	width:100%;
	display:block;
	color:#E9B61A;
	/* color:#c1c1c1; */
	margin-bottom:0px;
	margin-top:0px;
	padding:6px;
	border-radius:5px;
	text-transform:uppercase;
}



	/*INTERIEUR DU SCROOL*/
	._ln_web_serv_tit_::-webkit-scrollbar-thumb{
		background-color:transparent;
		width:0px;
	}
	
	._ln_web_serv_tit_::-webkit-scrollbar{
		width:0px;
		height:0px;
		background-color:transparent;
	}



._ln_web_serv_titdesc_{
	background-color:var(--_ln_web_serv_titdesc_BGColor);
	/* background-color:#1D272D; */
	font-size:16pt;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
	width:calc(100% - 10px);
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	
	padding:6px;
	color:#a1a1a1;
	border-radius:5px;
}






._erea_web_desc_{
	width:100%;
	height:auto;
	display:inline-block;
	padding-left:0px;
}









/*----------------here we have to create style for the account---------------*/
._cnt_TImg_{
	display:block;
	width:100%;
	padding-top:2%;
	padding-bottom:2%;
	text-align:center;
}

.tAccInView{
	width:150px;
}









/* this will contain the style imap */
._rt_acc_bx_{
	min-width:120px;
	display:inline-block;
	width:auto;
	background-color:var(--TvbBaseColor);
	padding:8px;
	cursor:pointer;
	margin-bottom:10px;
	text-align:center;
}





/* this style will display log in button */
._rt_lin_bx_{
	display:inline-block;
	width:auto;
	background-color:var(--TvbAxBlack);
	padding:8px;
	cursor:pointer;
	margin-bottom:10px;
	border: 2px solid var(--TvbBaseColor);
	min-width:120px;
	text-align:center;
	font-size:12pt;
}








/* this will contain the user account */
._usrAccIcon_{
	width:35px;
	height:35px;
	display:inline-block;
	margin:5px;
	margin-right:10px;
	vertical-align:-10px;
}




/* this will contain the icon of the services */
._srvIcoDsc_{
	width:25px;
	height:25px;
	display:inline-block;
	margin:10px;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align:-10px;
}



/* this is for the text after the icon */
._srvIcoDscTxt_{
	width:calc(100% - 220px);
	font-family:inherit;
	font-size:inherit;
	display:inline-block;
}



._XsrvIcoDsc_{
	width:25px;
	height:25px;
	display:inline-block;
	margin:10px;
	vertical-align:-13px;
}



._vServDetLink_{
	display:inline-block;
	float:right;
}

/* this will help to view details */
._vServDet_{
	width:auto;
	height:100%;
	float:right;
	cursor:pointer;
	color:var(--TvbBaseColor);
	font-size:12pt;
	padding:8px;
	display:inline-block;
}

/* this is the view text in detail services */
._vServDetTxt_{
	font-family:inherit;
	font-size:inherit;
	display:inline-block;
}



/* this is the icon to swap right */
._vServDetIco_{
	width:25px;
	height:25px;
	display:inline-block;
	margin-right:10px;
}







/* go top box icon */
._scTpbx_{
	position:fixed;
	bottom:2%;
	right:2%;
	border-radius:50%;
	width:40px;
	height:40px;
	z-index:1;
	background-color:var(--TvbAxBlack);
	box-shadow:0 0 5px #d1d1d1;
}


/* go top on scroll icon */
._gtpIcoSc_{
	margin:5px;
	width:30px;
	height:30px;
	cursor:pointer;
}





/* show more object */
.showMrv{
	color:#d1d1d1;
	font-size:15pt;
}








/* this is the box that contain the image exp */
._bx_Ondsp_ig_{
	width:100%;
	height:400px;
	background-color:var(--_bx_Ondsp_ig_BG);
	display:flex;
	margin-top:25px;
	align-items:center;
	justify-content:center;
	margin-bottom:0px;
}



/* img inside the box */
._bxIn_Ondsp_ig_{
	width:42%;
	min-height:360px;
	height:80%;
	cursor:pointer;
	object-fit:cover;
	opacity:0.9;
	border-radius:5px;
}





/* this is the text on top of the image */
._bxTxtOnIg_{
	background-color:transparent;
	font-size:28pt;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
	width:58%;
	min-height:360px;
	height:auto;
	padding-right:10px;
	padding-top:auto;
	padding-bottom:auto;
	padding-left:5px;
	color:#d1d1d1;
	overflow-y:auto;
}

/*INTERIEUR DU SCROOL*/
	._bxTxtOnIg_::-webkit-scrollbar-thumb{
		background-color:transparent;
		width:0px;
	}
	
	._bxTxtOnIg_::-webkit-scrollbar{
		width:0px;
		height:0px;
		background-color:transparent;
	}


._h1_{
	font-size:28pt;
	display:inline-block;
	margin:0;
}

._h11_{
	font-size:17pt;
	display:inline-block;
	margin:0;
	color:#d1d1d1;
	background-color:#1D272D;
	width:100%;
	border-radius:5px;
}


._cckIco_{
	display:inline-block;
	height:30px;
	width:30px;
	margin-right:8px;
	vertical-align:top;
}




._sft_img_vw_{
	display:none;
}


._arpintp_{
	width:20px;
	display:inline-block;
	margin-right:0px;
	padding:5px;
	vertical-align:-8px;
}





/* this will contain the box of services */
._bx_of_serv_{
	width:calc(100% - 10px);
	padding:5px;
	display:block;
	height:auto;
	white-space: nowrap;
	overflow-y:hidden;
	text-align:center;
	background-color:transparent;
	display:none;
}

._bx_of_serv_::-webkit-scrollbar{
	width:0px;
	height:0px;
	background-color:transparent;
}



/* item of the box that content services */
._Ibx_Cnts_{
	margin:5px;
	width:180px;
	height:250px;
	backdrop-filter: blur(10px); /* Adjust the blur value as needed */
    background: rgba(0, 0, 0, 0.2); /* Adjust the color and transparency as needed */
	border-radius:10px;
	box-shadow: 0 0 3px #d1d1d1;
	display:inline-block;
}


._cnt_txt_s_{
	font-size:10pt;
	color:var(--_cnt_txt_s_TxC);
	text-align:center;
	font-family:sans-serif;
}



/* image that describe services */
._Wic_Serv_{
	width:130px;
	height:130px;
	margin:25px;
	margin-bottom:5px;
}






/* open tech buttton */
._opnlkn_{
	font-size:10pt;
	font-family:var(--TvbSUISBold),UISBold;
	color:var(--TvbBaseColor);
	float:right;
	padding:5px;
	margin:5px;
	border-radius:10px;
	border:2px solid #1E90FF80;
	min-width:40px;
	text-align:center;
	cursor:pointer;
}





._lgou_bnt_{
	background-color:var(--blackColor_2);
	position:absolute;
	top:0px;
	height:0px;
	border-radius:20px;
	width:100%;
	padding-top:30px;
	z-index:-1;
	transition:0.3s ease;
}




/* this will contain the view of the fd */
._bxcntifd_{
	background-color:#94cddf;
	width:100%;
	height:300px;
	border-radius:10px;
	box-shadow: 0px 0px 12px rgba(52, 72, 84, 0.3);
	display:flex;
	align-items:center;
	margin-bottom:20px;
}




._igfdr54_{
	width:280px;
	height:280px;
	border-radius:10px;
	margin:10px;
}




._bxcntdc_{
	width:calc(100% - 300px);
	height:100%;
}


._cntTtfd_{
	font-size:20pt;
	font-family:UISBold,var(--TvbSUISBold),sans-serif;
	color:#222;
	padding:10px;
}



._cntTtfdDsc_{
	font-size:16pt;
	font-family:UISBold,var(--TvbSUISBold),sans-serif;
	color:#222;
}







/*-----------------tablet style------------*/
@media screen and (max-width: 768px) {
	
	._igfdr54_{
		width:80px;
		height:80px;
		margin-bottom: auto;
	}
	
	

	._cntTtfd_{
		font-size:18pt;
		color:#222;
		padding:0px;
	}
	
	._cntTtfdDsc_{
		font-size:14pt;
	}
		
	._bxcntdc_{
		width:calc(100% - 80px);
		height:100%;
	}
	
	._bxcntifd_{
		height:auto;
		padding-bottom:10px;
	}
	
	
	._BXCntServ_{
		width:95%;
	}
	
	
	/* this is service app icon */
	._srvAppIcon_{
		vertical-align:top;
		width:60px;
		height:60px;
	}
	
	
	._tag_view_{
		width:98%;
		margin-left:1%;
		margin-right:1%;
		padding-left:0px;
		padding-right:0px;
		overflow-x:hidden;
	}
	
	.titXTop{
		outline:none;
		margin-left:-2px;
	}
	
	._cntIgLg_{
		width:88px;
		height:100%;
	}


	._cntIgDet_{
		padding-left:10px;
		width:calc(100% - 98px);
	}
	
	
	
		
		
	/* this is the box that contain the image exp */
	._bx_Ondsp_ig_{
		min-height:500px;
		height:auto;
		display:block;
		margin-top:0px;
		justify-content:center;
		margin-bottom:0px;
	}

	
	._bxTxtOnIg_{
		width:100%;
		padding-left:0px;
		padding-right:0px;
		min-height:300px;
		display:block;
		overflow-x:hidden;
	}
	
	
	
	
	/* img inside the box */
	._bxIn_Ondsp_ig_{
		width:100%;
		height:400px;
		object-fit:cover;
	}
	
	
	._appsTit_{
		font-size:22pt;
		color:var(--_appsTit_TBL_TC);
	}
	
	
	._std_txt0_{
		font-size:18pt;
	}
	
	
	/* this will contain get started button */
	._getStardBnt_{
		font-size:9pt;
	}
}








/*--------------------------------mobile style----------------------------------*/
@media screen and (max-width: 480px) {
	
	/* default color must be black */
	._ViewPage_{
		overflow-x:hidden;
	}
	
	/* open tech buttton */
	._opnlkn_{
		padding:3px;
		color:#fff;
		border:2px solid #fff;
	}
	
	
	/* this will contain the box of services */
	._bx_of_serv_{
		padding-left:0px;
	}
	/* item of the box that content services */
	._Ibx_Cnts_{
		margin:2px;
		width:160px;
		height:230px;
	}
	
	
	
	/* image that describe services */
	._Wic_Serv_{
		width:140px;
		height:140px;
		margin:10px;
		margin-bottom:5px;
	}

	
	._cnt_txt_s_{
		font-size:10pt;
		color:#d1d1d1;
		text-align:center;
	}

	
	
	/* hide when its mobile class */
	.hewnmob{ font-size:25pt; }
	
	._usrAccIcon_{
		width:30px;
		height:30px;
		margin-right:5px;
		vertical-align:-10px;
	}

	._sft_img_vw_{
		width:100%;
		height:auto;
		display:inline-block;
	}

		
	._std_txt_4{
		width:100%;
		padding:0%;
	}
	
	._std_txt0_{
		width:98%;
		padding:1%;
		margin-bottom:0px;
		font-size:20pt;
	}
	
	._std_txt_4_{
		display:inline-block;
		width:100%;
		font-size:19pt;
		color:var(--color1);
		font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
		margin-bottom:15px;
	}


	._ln_web_serv_titdesc_{
		margin-bottom:0px;
		font-size:15pt;
		width:calc(100% - 20px);
		margin-left:5px;
		margin-right:5px;
	}
	
	._bxTxtOnIg_{
		width:100%;
		min-height:10px;
		padding:0px;
		padding-top:0px;
		overflow:hidden;
	}
	
	
	._h11_{
		font-size:17pt;
		display:inline-block;
		margin:0;
	}

	._bx_Ondsp_ig_{
		width:100%;
		height:auto;
		display:block;
		margin-bottom:15px;
	}
	
	
	._bxIn_Ondsp_ig_{
		width:100%;
		height:auto;
		display:block;
	}
	
	
	
	._XsrvIcoDsc_{
		width:25px;
		height:25px;
	}
	
	/* this will contain the style imap */
	._rt_acc_bx_{
		width:44.3%;
		float:center;
		border: 2px solid #1A2D3B;
		background-color:#1A2D3B;
	}
	
	
	/* this style will display log in button */
	._rt_lin_bx_{
		display:inline-block;
		width:44.2%;
		float:center;
		border: 2px solid #1A2D3B;
		background-color:#1A2D3B;
		border-left-color:#555;
	}
	
	
	._ln_web_serv_tit_{
		background-color:#ffffff20;
		font-size:20pt;
		font-family:var(--TvbSUIBlack),UISBlack,sans-serif;
		white-space:nowrap;
		overflow-y:hidden;
		text-transform:uppercase;
	}
	
		
		
		
	._cntIgBxOvv_{
		width:100%;
		min-height:100px;
		display:block;
		height:auto;
		font-family:var(--TvbSUISBold);
		font-size:11pt;
		padding-right:0%;
		text-align:left;
		margin-bottom:10px;
		display:none;
		visibility:hidden;
		
	}
	
	
	
	/* view detail text in mobile */
	._vServDet_{
		width:40px;
		height:40px;
		padding:0px;
	}
	
	._vServDetTxt_{
		visibility:hidden;
		display:inline-block;
		display:none;
	}
	
	
	._vServDetIco_{
		margin:10px;
		margin-right:0px;
		margin-left:15px;
	}
	
	
	._srvIcoDscTxt_{
		width:calc(100% - 85px);
		white-space:nowrap;
		overflow-x:hidden;
	}
	
	
	._tag_view_{
		width:100%;
		padding-left:0%;
		padding-right:0%;
		margin-left:0px;
		margin-right:0px;
		overflow-x:hidden;
	}
	
	
	._cntIgLg_{
		width:46px;
		height:46px;
		min-height:40px;
		display:inline-block;
		float:left;
		padding:2px;
		background-color:var(--_appsTit_BC);
	}
	
	/* this is service app icon */
	._srvAppIcon_{
		width:36px;
		height:36px;
		margin:4px;
		margin-left:2px;
	}
	
	
		
	._appsTit_{
		font-family:var(--TvbSUIBlack),UISBlack;
		font-size:20pt;
		text-align:left;
		display:inline-block;
		width:calc(100% - 50px);
		height:44px;
		padding-left:0px;
		padding-top:6px;
		/* background-color:#ffffff20; */
		background-color:var(--_appsTit_BC);
		white-space:nowrap;
		color:var(--_appsTit_TC);
	}
		
	._cntIgDet1_{
		font-size:20pt;
		color:var(--color1);
		font-family:UISBold,var(--TvbSUISBold),sans-serif;
		margin-bottom:15px;
	}
	
	
	._cckIco_{
		display:inline-block;
		height:25px;
		width:25px;
		margin-right:8px;
	}
	
	._std_txtcc_{
		display:inline-block;
		font-size:12pt;
		color:var(--color1);
		font-family:var(--TvbSUISBold),UISBold,sans-serif;
		margin-bottom:5px;
	}


	.titXTop1{
		padding-bottom:5px;
		outline:none;
		margin-left:-2px;
		white-space:nowrap;
		overflow-y:hidden;
		font-size:14pt;
		font-family:var(--TvbSUIBlack),UISBlack,sans-serif;
		display:flex;
	}
	/*INTERIEUR DU SCROOL*/
	.titXTop_::-webkit-scrollbar-thumb{
		background-color:transparent;
		width:0px;
	}
	
	.titXTop1::-webkit-scrollbar{
		width:0px;
		height:0px;
		background-color:transparent;
	}

	
	
	
	._BXCntServ_{
		width:100%;
		height:auto;
		min-height:180px;
		background-color:inherit;
		padding:0%;
		padding-top:2px;
		padding-bottom:5px;
		margin-left:0%;
		margin-top:0px;
		margin-bottom:0px;
		border-radius:0px;
		display:block;
		text-align:left;
		box-shadow:unset;
	}
	


	._cntIgDet_{
		width:100%;
		padding-left:0px;
	}
	
	
	
	
	
	._getStardBnt_{
		display:block;
		float:right;
		width:auto;
	}
	
	._getStardBntNA_{
		display:block;
		float:left;
		width:auto;
	}
}








/* Styles for Galaxy Fold in landscape mode */
@media screen and (min-width: 280px) and (max-width: 320px) and (max-height: 600px) and (orientation: landscape) {
  /* Your styles for Galaxy Fold in landscape mode go here */
}

/* Styles for Galaxy Fold in portrait mode */
@media screen and (min-width: 280px) and (max-width: 320px) and (min-height: 601px) and (orientation: portrait) {
	/* Your styles for Galaxy Fold in portrait mode go here */
	._tag_view_{
		margin-top:40px;
	}
	
	/* this will contain the standard text */
	._std_txt0_{
		font-size:16pt;
	}
	
	._std_txt_4_{
		font-size:16pt;
	}
	
	._scTpbx_{
		width:30px;
		height:30px;
	}
	
	/* go top on scroll icon */
	._gtpIcoSc_{
		margin:5px;
		width:20px;
		height:20px;
	}


		
	._appsTit_{
		min-height:30px;
		height:40px;
		font-size:18pt;
		padding-left:0px;
		width:calc(100% - 49px);
	}
	
	._cntIgLg_{
		min-height:30px;
		height:40px;
		width:45px;
	}

}